<template>
  <div class="box">
    <header class="tou">
      <van-search show-action placeholder="OPPO手机"> </van-search>
    </header>
    <main class="zhong">
      <van-tree-select v-model:main-active-index="activeIndex"  height="55vw" :items="items">
        <template #content>
          <van-image  v-if="activeIndex === 0" src="https://fastly.jsdelivr.net/npm/@vant/assets/apple-1.jpeg" />
          <van-image v-if="activeIndex === 1" src="https://fastly.jsdelivr.net/npm/@vant/assets/apple-2.jpeg"/>
        </template>
      </van-tree-select>
    </main>
  </div>
</template>
<script setup>
import { ref } from 'vue';
  const activeIndex = ref(0);
</script>